<template>
  <div class="exam-detail-page">
    <div class="exam-page">
      <nav2 ref="nav2"></nav2>
      <div class="exam-page__content">
        <div id="highlightable-content" class="exam-container exam-bank">
          <div class="exam-bank-header" v-show="itemIndex == 0">
            <div class="main h1">Part 1</div>
            <div class="sub f16">Listen and answer questions 1-10.</div>
          </div>
          <div class="exam-bank-header" v-show="itemIndex == 1">
            <div class="main h1">Part 2</div>
            <div class="sub f16">Listen and answer questions 11-20.</div>
          </div>
          <div class="exam-bank-header" v-show="itemIndex == 2">
            <div class="main h1">Part 3</div>
            <div class="sub f16">Listen and answer questions 21-30.</div>
          </div>
          <div class="exam-bank-header" v-show="itemIndex == 3">
            <div class="main h1">Part 4</div>
            <div class="sub f16">Listen and answer questions 31-40.</div>
          </div>
          <div class="exam-bank-wrapper listen-question" :style="{height:height+'px'}">
            <vue-scroll :ops="ops">
              <div v-show="itemIndex == 0">
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p><strong>Questions 1-10</strong></p>
                      <p>Complete the notes&nbsp;below.</p>
                      <p>Write <strong>ONE WORD AND/OR A NUMBER</strong> in each gap.</p>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="text-blank">
                    <div class="text-blank-title">
                      <h2 style="text-align: center;">
                        <span style="font-size:20px;">
                          <strong>
                            <span style="font-family:Arial,Helvetica,sans-serif;">Bankside Recruitment Agency</span>
                          </strong>
                        </span>
                      </h2>
                      <p>
                        <span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Address of agency:&nbsp;
                          &nbsp;497 Eastside, Docklands</span>
                      </p>
                      <p>
                        <span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Name of agent:&nbsp;
                          &nbsp;Becky</span>​​&nbsp;&nbsp;
                        <span role="replace" class="short">
                          <span class="blank-input-box">
                            <span class="order">1</span>
                            <input class="input-item focus" type="text">
                          </span>&nbsp;
                        </span>
                      </p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Phone number:&nbsp;
                          &nbsp;07866 510333</span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Best to call her in
                          the&nbsp;&nbsp;</span><span role="replace" class="short"><span class="blank-input-box"><span
                              class="order">2</span><input class="input-item" type="text"></span>&nbsp;</span></p>
                      <p><strong><span style="font-family:Arial,Helvetica,sans-serif;">Typical jobs</span></strong></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Clerical and admin roles,
                          mainly in the finance industry</span></p>
                      <p>•&nbsp; &nbsp; Must have good&nbsp;<span role="replace" class="short"><span
                            class="blank-input-box"><span class="order">3</span><input class="input-item"
                              type="text"></span>&nbsp;</span>skills</p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Jobs are usually for at
                          least one</span>&nbsp;<span class="short"><span class="blank-input-box"><span
                              class="order">4</span><input class="input-item" type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;">&nbsp; &nbsp; &nbsp;</span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Pay is usually&nbsp;
                          £&nbsp;</span><span role="replace" class="short"><span class="blank-input-box"><span
                              class="order">5</span><input class="input-item" type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;">&nbsp;per hour&nbsp;&nbsp; &nbsp;</span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;"><strong>Registration
                            process</strong></span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Wear
                          a&nbsp;&nbsp;</span><span class="short"><span class="blank-input-box"><span
                              class="order">6</span><input class="input-item" type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;"> to the interview</span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Must bring
                          your&nbsp;&nbsp;</span><span class="short"><span class="blank-input-box"><span
                              class="order">7</span><input class="input-item" type="text"
                              spellcheck="false"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;"> to the interview</span></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; They will ask questions
                          about each applicant’s&nbsp; </span><span role="replace" class="short"><span
                            class="blank-input-box"><span class="order">8</span><input class="input-item"
                              type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;</span>
                      </p>
                      <p><strong><span style="font-family:Arial,Helvetica,sans-serif;">Advantages of using an
                            agency</span></strong></p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; The&nbsp;</span><span
                          class="short"><span class="blank-input-box"><span class="order">9</span><input
                              class="input-item" type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;">you receive at interview will benefit
                          you</span></p>
                      <p>•&nbsp; &nbsp; Will get access to vacancies which are not advertised</p>
                      <p><span style="font-family:Arial,Helvetica,sans-serif;">•&nbsp; &nbsp; Less&nbsp;</span><span
                          class="short"><span class="blank-input-box"><span class="order">10</span><input
                              class="input-item" type="text"></span>&nbsp;</span><span
                          style="font-family:Arial,Helvetica,sans-serif;">is involved in applying for jobs&nbsp;&nbsp;
                          &nbsp;</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div v-show="itemIndex == 1">
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p><span style="font-size:16px;"><strong><em><span
                                style="font-family:Arial,Helvetica,sans-serif;">Questions 11–14</span></em></strong><br>
                          <em><span style="font-family:Arial,Helvetica,sans-serif;">Choose the correct letter,
                              <strong>A</strong>, <strong>B</strong> or <strong>C</strong>.</span></em></span></p>

                      <h1 style="text-align: center;"><span style="font-size:20px;"><strong><span
                              style="font-family:Arial,Helvetica,sans-serif;">Matthews Island
                              Holidays</span></strong></span></h1>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen focus">
                      <span class="title_index">11</span><span class="title_content">
                        <p>According to the speaker, the company</p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="0"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">has been in business for longer
                              than most of its competitors.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="0"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">arranges holidays to more
                              destinations than its competitors.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="0"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">has more customers than its
                              competitors.</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen"><span class="title_index">12</span><span class="title_content">
                        <p>Where can customers meet the tour manager before travelling to the Isle of Man?</p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="1"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">Liverpool</span></span></label>
                      </p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="1"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">Heysham</span></span></label>
                      </p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="1"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">Luton</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen"><span class="title_index">13</span><span class="title_content">
                        <p>How many lunches are included in the price of the holiday?</p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="2"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">three</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="2"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">four</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="2"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">five</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen"><span class="title_index">14</span><span class="title_content">
                        <p>Customers have to pay extra for</p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="3"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">guaranteeing themselves a larger
                              room.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="3"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">booking at short
                              notice.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="3"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">transferring to another
                              date.</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p><span style="font-size:16px;"><strong><em><span
                                style="font-family:Arial,Helvetica,sans-serif;">Questions
                                15–20</span></em></strong></span><br>
                        <span style="font-size:16px;"><em><span style="font-family:Arial,Helvetica,sans-serif;">Complete
                              the table below.</span></em><br>
                          <em><span style="font-family:Arial,Helvetica,sans-serif;">Write <strong>ONE WORD AND/OR A
                                NUMBER</strong> for each answer.</span></em></span></p>

                      <p style="text-align: center;"><span style="font-size:20px;"><span
                            style="font-family:Arial,Helvetica,sans-serif;"><strong><span>Timetable for Isle of Man
                                holiday</span></strong></span></span></p>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="text-blank">
                    <div class="text-blank-title">
                      <table align="left" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
                        <thead>
                        </thead>
                        <tbody>
                          <tr>
                            <td>&nbsp;</td>
                            <td style="text-align: center;"><strong><span
                                  style="font-size:11px;">Activity</span></strong></td>
                            <td style="text-align: center;"><strong><span style="font-size:11px;">Notes</span></strong>
                            </td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 1</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Arrive</span></span></td>
                            <td>
                              <p><span style="font-size:11px;"><span
                                    style="font-family:Arial,Helvetica,sans-serif;">Introduction by
                                    manager</span></span></p>

                              <p><span style="font-size:11px;"><span
                                    style="font-family:Arial,Helvetica,sans-serif;">Hotel dining room has view of
                                    the&nbsp;&nbsp;</span></span><span sptype="1" class="short"><span
                                    class="blank-input-box"><span class="order">15</span><input class="input-item"
                                      type="text"></span>&nbsp;</span></p>
                            </td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 2</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Tynwald Exhibition and
                                  Peel</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp;&nbsp;&nbsp; Tynwald Exhibition
                                  and Peel&nbsp;&nbsp; &nbsp;Tynwald may have been founded
                                  in&nbsp;&nbsp;</span></span><span role="replace" class="short"><span
                                  class="blank-input-box"><span class="order">16</span><input class="input-item"
                                    type="text"></span>&nbsp;</span><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;"> not
                                  979.</span></span></td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 3</span></span></td>
                            <td><span style="font-size:11px;"><span style="font-family:Arial,Helvetica,sans-serif;">Trip
                                  to Snaefell</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp; &nbsp; Travel along promenade
                                  in a tram; train to Laxey; train to the&nbsp;&nbsp;</span></span><span
                                class="short"><span class="blank-input-box"><span class="order">17</span><input
                                    class="input-item" type="text"></span>&nbsp;</span><span
                                style="font-size:11px;"><span style="font-family:Arial,Helvetica,sans-serif;"> of
                                  Snaefell</span></span></td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 4</span></span></td>
                            <td><span style="font-size:11px;"><span style="font-family:Arial,Helvetica,sans-serif;">Free
                                  day</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp;&nbsp;&nbsp; Company provides
                                  a&nbsp;&nbsp;</span></span><span class="short"><span class="blank-input-box"><span
                                    class="order">18</span><input class="input-item" type="text"
                                    spellcheck="false"></span>&nbsp;</span><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp;for local transport and heritage
                                  sites.</span></span></td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 5</span></span></td>
                            <td><span style="font-size:11px;"><span style="font-family:Arial,Helvetica,sans-serif;">Take
                                  the &nbsp;</span></span><span class="short"><span class="blank-input-box"><span
                                    class="order">19</span><input class="input-item"
                                    type="text"></span>&nbsp;</span><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">railway train from Douglas to Port
                                  Erin</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp;&nbsp;&nbsp; Free time, then
                                  coach to Castletown – former&nbsp;&nbsp;</span></span><span class="short"><span
                                  class="blank-input-box"><span class="order">20</span><input class="input-item"
                                    type="text"></span>&nbsp;</span><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;"> has old
                                  castle.</span></span></td>
                          </tr>
                          <tr>
                            <td style="text-align: center;"><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Day 6</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">Leave</span></span></td>
                            <td><span style="font-size:11px;"><span
                                  style="font-family:Arial,Helvetica,sans-serif;">&nbsp; &nbsp; </span>Leave the island
                                by ferry or plane</span></td>
                          </tr>
                        </tbody>
                      </table>

                      <p>&nbsp;</p>
                    </div>
                  </div>
                </div>
              </div>
              <div v-show="itemIndex == 2">
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p style="margin-left: 0pt;"><span style="font-size:16px;"><span
                            style="font-family:Arial,Helvetica,sans-serif;"><strong>Questions 21–26</strong><br>
                            What did findings of previous research claim about the personality traits a child is likely
                            to have because of their position in the family?<br>
                            Choose <strong>SIX</strong>&nbsp;answers from the box and write the correct letter,
                            <strong>A–H</strong>, next to Questions 21–26.</span></span></p>
                    </div>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="topicdrag-wrap">
                    <div class="topic-question-wrap">
                      <div class="drag-question" style="">
                        <div><span style="font-size:16px;"><span
                              style="font-family:Arial,Helvetica,sans-serif;"><strong><span
                                  style="color:#221f1f">Position in family </span></strong></span></span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">the eldest child&nbsp;</span></span>
                            <span class="short"><span class="blank-input-box"><span class="order">21</span><input
                                  type="text" class="input-item focus"></span></span>&nbsp;
                          </span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">a middle child&nbsp;</span>&nbsp;</span>
                            <span class="short"><span class="blank-input-box"><span class="order">22</span><input
                                  type="text" class="input-item"></span></span>&nbsp;
                          </span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">the youngest child&nbsp;</span>&nbsp;</span>
                            <span class="short"><span class="blank-input-box"><span class="order">23</span><input
                                  type="text" class="input-item"></span></span>&nbsp;
                          </span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">a twin&nbsp;</span>&nbsp;</span>
                            <span class="short"><span class="blank-input-box"><span class="order">24</span><input
                                  type="text" class="input-item"></span></span>&nbsp;
                          </span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">an only child&nbsp;</span>&nbsp;</span>
                            <span class="short"><span class="blank-input-box"><span class="order">25</span><input
                                  type="text" class="input-item"></span></span>&nbsp;
                          </span></div>

                        <div><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                                style="color:#221f1f">a child with much older siblings&nbsp;</span>&nbsp;</span>
                            <span class="short"><span class="blank-input-box"><span class="order">26</span><input
                                  type="text" class="input-item"></span></span>&nbsp;
                          </span><span style="font-size:11pt"><span style="font-family:ArialMTStd"><span
                                style="color:#221f1f"> </span></span></span></div>
                      </div>
                      <div class="drag-options">
                        <h3 class="title" style="">Personality Traits</h3>
                        <ul class="options-list">
                          <li class="option-item"><span>A.<span> <span>outgoing</span></span></span></li>
                          <li class="option-item"><span>B.<span> <span>selfish</span></span></span></li>
                          <li class="option-item"><span>C.<span> <span>independent</span></span></span></li>
                          <li class="option-item"><span>D.<span> <span>attention-seeking</span></span></span>
                          </li>
                          <li class="option-item"><span>E.<span> <span>introverted</span></span></span></li>
                          <li class="option-item"><span>F.<span> <span>co-operative</span></span></span></li>
                          <li class="option-item"><span>G.<span> <span>caring</span></span></span></li>
                          <li class="option-item"><span>H.<span> <span>competitive</span></span></span></li>
                        </ul>
                      </div>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p><span style="font-size:16px;"><span
                            style="font-family:Arial,Helvetica,sans-serif;"><strong>Questions 27 and 28</strong><br>
                            Choose the correct letter, <strong>A</strong>, <strong>B</strong> or
                            <strong>C</strong>.</span></span></p>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen"><span class="title_index">27</span><span class="title_content">
                        <p class="16" style="margin-top:7.4500pt; margin-right:31.9000pt; text-align:left"><span
                            style="line-height:102%"><span style="font-size:11.0000pt"><span
                                style="font-family:Arial"><span style="color:#211f1f">What do the speakers say about the
                                  evidence relating to birth order and academic success?</span></span></span></span></p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="27"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">There is conflicting evidence
                              about whether oldest children perform best in intelligence tests.</span></span></label>
                      </p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="27"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">There is little doubt that birth
                              order has less influence on academic achievement than socio-economic
                              status.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="27"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">Some studies have neglected to
                              include important factors such as family size.</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="single-choice-wrap listen">
                    <p class="title show-options listen"><span class="title_index">28</span><span class="title_content">
                        <p class="16" style="margin-top:7.4000pt; margin-right:70.8500pt; text-align:left">What does
                          Ruth think is surprising about the difference in oldest children’s academic performance?</p>
                      </span></p>
                    <form class="items-wrap listen">
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="28"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">A.</span>
                            <!----><span class="item-content_option">It is mainly thanks to their
                              roles as teachers for their younger siblings.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="28"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">B.</span>
                            <!----><span class="item-content_option">The advantages they have only
                              lead to a slightly higher level of achievement.</span></span></label></p>
                      <p class="item-wrap"><label class="item-content"><input type="radio" name="28"><span
                            class="radio-inner"></span><span class="item-content_wrap"><span
                              class="item-content_name">C.</span>
                            <!----><span class="item-content_option">The extra parental attention
                              they receive at a young age makes little difference.</span></span></label></p>
                    </form>
                  </div>
                </div>
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p><strong>Questions 29 and 30</strong><br>
                        Choose <strong>TWO</strong> letters, <strong>A–E</strong>.</p>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="checkbox-wrap listen">
                    <p class="title listen show-options focus">
                      <span class="title__index">29 - 30 </span><span class="title__content">
                        <p class="MsoBodyText" style="margin-right:48.9500pt; margin:0pt 0pt 0.0001pt"><span
                            style="font-size:11pt"><span style="line-height:102%"><span
                                style="font-family:&quot;Times New Roman&quot;"><span style="font-size:11.0000pt"><span
                                    style="font-family:Arial"><span style="color:#211f1f">Which
                                    </span></span></span><b><span style="font-size:11.0000pt"><span
                                      style="font-family:Arial"><span style="color:#211f1f"><span
                                          style="font-weight:bold">TWO </span></span></span></span></b><span
                                  style="font-size:11.0000pt"><span style="font-family:Arial"><span
                                      style="color:#211f1f">experiences of sibling rivalry do the speakers agree has
                                      been valuable for them?</span></span></span></span></span></span></p>
                      </span></p>
                    <form class="checkbox-form"><label class="checkbox-wrap"><input type="checkbox"
                          class="checkbox-input" value="A"><span class="checkbox-inner"></span><span
                          class="checkbox-title">A.</span><span class="checkbox-text">learning to share</span>
                        <!----></label><label class="checkbox-wrap"><input type="checkbox" class="checkbox-input"
                          value="B"><span class="checkbox-inner"></span><span class="checkbox-title">B.</span><span
                          class="checkbox-text">learning to stand up for oneself</span>
                        <!----></label><label class="checkbox-wrap"><input type="checkbox" class="checkbox-input"
                          value="C"><span class="checkbox-inner"></span><span class="checkbox-title">C.</span><span
                          class="checkbox-text">learning to be a good loser</span>
                        <!----></label><label class="checkbox-wrap"><input type="checkbox" class="checkbox-input"
                          value="D"><span class="checkbox-inner"></span><span class="checkbox-title">D.</span><span
                          class="checkbox-text">learning to be tolerant</span>
                        <!----></label><label class="checkbox-wrap"><input type="checkbox" class="checkbox-input"
                          value="E"><span class="checkbox-inner"></span><span class="checkbox-title">E.</span><span
                          class="checkbox-text">learning to say sorry</span>
                        <!----></label></form>
                  </div>
                </div>
              </div>
              <div v-show="itemIndex == 3">
                <div class="topic-item">
                  <div class="question-stem">
                    <div class="question-stem-content">
                      <p style="margin-top:3.2500pt; margin-right:54.8000pt; margin:0pt 0pt 0.0001pt"><span
                          style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><b><span
                                style="color:#211f1f"><span><span style="font-weight:bold">Questions
                                    31–40</span></span></span></b></span></span></p>

                      <p style="margin-top:11.2500pt; margin:0pt 0pt 0.0001pt"><span style="font-size:16px;"><span
                            style="font-family:Arial,Helvetica,sans-serif;"><span style="color:#211f1f"><span
                                style="font-style:normal">Complete the notes below.</span></span></span></span></p>

                      <p style="margin:0pt 0pt 0.0001pt"><span style="font-size:16px;"><span
                            style="font-family:Arial,Helvetica,sans-serif;"><span style="color:#211f1f"><span
                                style="font-style:normal">Write </span></span><b><span style="color:#211f1f"><span
                                  style="font-weight:bold"><span style="font-weight:bold">ONE WORD ONLY
                                  </span></span></span></b><span style="color:#211f1f"><span
                                style="font-style:normal">for each answer.</span></span></span></span></p>
                    </div>
                    <!---->
                  </div>
                </div>
                <div class="topic-item">
                  <div class="text-blank">
                    <div class="text-blank-title">
                      <p style="text-align: center;"><span style="font-family:Arial,Helvetica,sans-serif;"><span
                            style="font-size:16px;"><strong>The Eucalyptus Tree in Australia</strong></span></span></p>
                      <p><strong>Importance</strong><br>
                        •&nbsp; &nbsp; &nbsp; it provides <span class="short"><span class="blank-input-box"><span
                              class="order">31</span><input class="input-item focus" type="text"></span></span> and food
                        for a wide range of species<br>
                        •&nbsp; &nbsp; &nbsp; its leaves provide <span class="short"><span class="blank-input-box"><span
                              class="order">32</span><input class="input-item" type="text"></span></span> which is
                        used to make a&nbsp; disinfectant<br>
                        <strong>Reasons for present decline in number</strong></p>

                      <p><strong>A)&nbsp; Diseases</strong><br>
                        (i) ‘Mundulla Yellows’<br>
                        &nbsp; &nbsp; &nbsp; &nbsp;•&nbsp; Cause – lime used for making <span class="short"><span
                            class="blank-input-box"><span class="order">33</span><input class="input-item"
                              type="text"></span></span> was absorbed<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;– trees were unable
                        to take in necessary iron&nbsp; through their roots<br>
                        (ii)&nbsp;‘Bell-miner Associated Die-back’<br>
                        &nbsp; &nbsp; &nbsp; &nbsp;•&nbsp; Cause –&nbsp;<span class="short"><span
                            class="blank-input-box"><span class="order">34</span><input class="input-item"
                              type="text"></span></span> feed on
                        eucalyptus leaves<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;– they secrete a
                        substance containing sugar<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;– &nbsp;bell-miner
                        birds are attracted by this and keep&nbsp; away other species</p>

                      <p><strong>B) Bushfires</strong><br>
                        William Jackson's theory:<br>
                        •&nbsp; &nbsp; &nbsp; &nbsp;high-frequency bushfires have impact on vegetation,&nbsp; resulting
                        in the growth of &nbsp;<span class="short"><span class="blank-input-box"><span
                              class="order">35</span><input class="input-item" type="text"></span>&nbsp;</span><br>
                        •&nbsp; &nbsp; &nbsp; &nbsp;mid-frequency bushfires result in the growth of&nbsp; eucalyptus
                        forests, because they:<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; – make more <span class="short"><span class="blank-input-box"><span
                              class="order">36</span><input class="input-item" type="text"></span> </span>available
                        to the trees<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; – maintain the quality of the <span class="short"><span
                            class="blank-input-box"><span class="order">37</span><input class="input-item"
                              type="text"></span>&nbsp;</span><br>
                        •&nbsp; &nbsp; &nbsp; &nbsp;low-frequency bushfires result in the growth of‘<span
                          class="short"><span class="blank-input-box"><span class="order">38</span><input
                              class="input-item" type="text"></span></span>&nbsp;rainforest’,&nbsp;which is:<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; – a <span class="short"><span class="blank-input-box"><span
                              class="order">39</span><input class="input-item" type="text"></span>
                        </span>ecosystem<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; – an ideal environment for the <span class="short"><span
                            class="blank-input-box"><span class="order">40</span><input class="input-item"
                              type="text"></span> </span>of the bell-miner</p>
                    </div>
                  </div>
                </div>
              </div>
            </vue-scroll>
          </div>
          <examfooter ref="examfooter" @changeIndex="changeIndex"></examfooter>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import nav2 from '../components/nav2.vue'
  import examfooter from '../components/examfooter.vue'
  import vueScroll from "vuescroll";
  export default {
    data() {
      return {
        itemIndex: 0,
        itemIndex2: 0,
        play: false,
        height: 0,
        ops: {
          vueScroll: {},
          scrollPanel: {},
          rail: {},
          bar: {
            size: '6px',
            background: '#999'
          }
        }
      }
    },
    components: {
      nav2,
      examfooter,
      vueScroll
    },
    methods: {
      playAudio() {
        this.$refs.nav2.playAudio();
        this.play = true;
      },
      pauseAudio() {
        this.$refs.nav2.pauseAudio();
        this.play = false;
      },
      changeIndex() {
        this.itemIndex = this.$refs.examfooter.itemIndex;
        this.itemIndex2 = this.$refs.examfooter.itemIndex2;
      }
    },
    mounted() {
      this.height = document.documentElement.clientHeight - 250;
      window.onresize = () => {
        this.height = document.documentElement.clientHeight - 250;
      };
      this.$refs.nav2.outTime(true);
    }
  }

</script>

<style lang="less" scoped>
  @import "./listenAnswer.less";
</style>
